<template>
<div class="backBox">
    <div class="left">
        <Nav>
        
        </Nav>
    </div>
    <div class="right">
        <div class="top">
            <Header>
            </Header>
        </div>
        <div class="bottom"> 
            <router-view>
            </router-view>  
        </div>
    </div>
</div>
</template>

<script lang='ts' setup>
import Nav from '@/views/home/components/Nav.vue'
import Header from '@/views/home/components/Header.vue'

</script>

<style scoped lang='scss'>
.backBox{
    display: flex;
    justify-content: space-between;

    .bottom{
        min-height: calc(100vh - 110px);
        min-width: calc(100vw - 240px);
        background: white;
        margin:20px;

        padding:20px;
        box-sizing: border-box;
    }
}
</style>